window.onload=function(){
	var menu=document.getElementsByClassName("menu");
	var contentbox=document.getElementsByClassName("content-text");
	var lis=document.getElementsByTagName("li");
	var btn=document.getElementsByClassName("btn")[0];
	var len=lis.length;
	var index=0;//点击对象前一个的下标
	var btnHgt=0;//位移变量
	for(var i=0;i<len;i++){
		lis[i].id=i;
		lis[i].onclick=function(){
			for(var i=0;i<len;i++){
				contentbox[i].style.opacity=0;
			}
			// 当前对象的下标值减去上次点击的下标值的差乘以60得到位移距离
			btnHgt+=(parseInt(this.id)-index)*60;
			contentbox[this.id].style.opacity=1;
			btn.style.transform="translateY("+btnHgt+"px)";
			index=parseInt(this.id);
			tit.innerHTML=this.innerText;
			tit.style.color="#ba0004";
		}
	}
}
